/**
* @description: 自定义导航
* @author: JiWei
* @describe: @click="goBack" 传出返回上一层 slot右侧图标插槽 iconfont 右侧扫一扫、screen右侧筛选，title 所属页面自定义
**/
<template>
  <view class="header-menu">
    <view class="header-county">
      <view class="left-icon" @click="goBack">
        <van-icon name="arrow-left"/>
      </view>
      <view class="right-search">
        <slot name="search"></slot>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  name:'navBar',
  props: {
    title: {type: String,defalut:''},
  },
  data() {
    return {
    };
  },
  computed: {
  },
  onLoad() {},
  watch: {
  },
  methods: {
    goBack() {
      this.$emit('goBack')
    }
  },
};
</script>

<style lang="scss" scoped>
.header-menu {
  width: 100%;
  height: px2vh(163);
  background: #417ADC;
  position: relative;
  flex-shrink: 0;

  .header-county {
    width: 100%;
    height: px2vh(130);
    //padding-top: px2vh(75);
    line-height: px2vh(160);
    display: flex;
    flex-direction: row;
    .left-icon {
      font-size: px2vh(54);
      color: #fff;
      line-height: px2vh(190);
      margin-left: px2vw(20);
      margin-right: px2vw(50);
    }
    .right-search {
      flex: 1;
    }
  }
  .mr {
    margin-right: px2vw(40);
  }
}
</style>
